@import url(font/siyuan.css);

html, body {

	font-size: 14px;

	color:#666;

	margin: 0px;

	padding: 0px;

	text-decoration: none;

	font-family:"siyuan";

	background: #fff;

	-webkit-text-size-adjust: none;

}

a,a:focus,a:active {color: #333;	text-decoration: none;outline: 0px none;}

.h30{margin-top: 30px;}

.h15{margin-top: 15px;}

.h45{margin-top: 45px;}

h1,h2,h3,h4{margin:0;padding:0;}

a:hover,a:active{text-decoration: none;}

ul{padding:0;margin:0;}

ul li{list-style:none;}

.fl{float:left;}

.fr{float:right}

.ct{text-align: center}

.clear{clear:both;}

div{padding:0;margin:0;}

.w100{width:100%;}

.w1200{width:1200px;margin:0 auto;overflow: hidden;}

.w925{width:925px;}

.top{height: 40px;line-height: 35px;border-top: 4px solid #d50b02;border-bottom: 1px solid #eeeeee;}

.head{padding:30px 0;}

.logo{width:517px;height: 62px;}

.tel{width: 350px;height: 49px;line-height: 62px;}

.alibaba{width: 49px;height: 49px;float: right;margin-left:20px;text-align: center;}

.taobao{width: 49px;height: 49px;float: right;margin-left:20px;text-align: center;}

.menu{background: #3f3f3f;z-index: 1;position:relative; }

.menu ul{ display: flex;display: -webkit-flex; justify-content: space-between;-webkit-justify-content:space-between;}

.menu ul li{padding:20px 0;height:auto;width:14%;text-align: center;background: url(../images/menubg.png) right no-repeat;position:relative; }

.menu ul li a{color: #fff;width: 100%;height: 100%;display: inline-block;}

.menu ul li:hover,.menu .active{background: #b71f18;}

.menu ul li:hover a,.menu .active a{color: #fff;}

.smenu{display: none;}

.smenu dl{width:1200px;height:160px;position: absolute;z-index:3999;background: #fff; border-radius: 10px; box-shadow: 1px 1px 10px #7f9cbe;box-sizing:border-box;padding:20px;display: flex;display: -webkit-flex; justify-content: space-between;-webkit-justify-content:space-between;}

.smenu dl dd{float: left;height:50px;line-height:50px;}

.smenu dl dd img{width:100px;height:100px;}

.smenu dl dd p{height:30px;line-height:30px;text-align: center;color:#999;}





.banner{height:auto;margin: 0 auto;text-align: center;}

.banner img{max-width: 100%;width: auto;max-height: 100%;height: auto;z-index:99}



.nbanner{height:auto;text-align: center;margin: 0 auto;}

.nbanner img{max-width: 100%;width: auto;max-height: 100%;height: auto;}



.ac h3{font-size: 40px;color: #d8180f;text-align: center;font-weight: bold;}

.ac abbr{display: block;color: #888;font-size: 18px;text-align: center;margin:14px auto; text-transform: uppercase;font-family: arial;margin-bottom: 50px;}



.shili{padding: 70px 0;background: url(../images/abg.jpg) center no-repeat;}

.shili ul{margin: 20px 0;height: 340px;display: flex;display: -webkit-flex; justify-content: space-between;-webkit-justify-content:space-between;}

.shili ul li{width: 273px;height: 340px;}

.shili .bg{background:rgba(0,0,0,0.5);height: 100%;width: 100%;padding: 80px 35px;border-radius: 10px;}

.shili ul li:hover .bg{background: rgba(216, 24, 15, 0.7)}

.shili ul li i{display: block;width: 64px;height: 64px;background:url(../images/ico.png) no-repeat;margin: 0 auto;}

.shili ul li p{font-size: 30px;font-weight: bold;text-align: center;margin: 15px auto;color: #fff;}

.shili ul li span{display: block;color: #fff;line-height: 25px;text-align: center;}

.shili ul li:nth-child(1){background:url(../images/a1.png) no-repeat;}

.shili ul li:nth-child(1) .bg{background: rgba(216, 24, 15, 0.7);}

.shili ul li:nth-child(2){background:url(../images/a2.png) no-repeat;}

.shili ul li:nth-child(3){background:url(../images/a3.png) no-repeat;}

.shili ul li:nth-child(4){background:url(../images/a4.png) no-repeat;}



.pro{padding: 45px 0;}

.pro h3{font-size: 34px;}

.pro abbr{font-size: 16px;color: #666;}

.prot{margin: 15px 0 15px 0;display: flex;display: -webkit-flex; justify-content: space-between;-webkit-justify-content:space-between;flex-wrap: wrap;-webkit-flex-wrap:wrap;}

.prot::after{content:"";float: left; display: block;width: 230px;}

.prot li{width: 11.5%;height: 40px;line-height: 40px;text-align: center;border: 1px solid #d2d2d2;border-radius: 20px;margin:15px 0;}

.prot li a{color: #666;width:100%;height:100%;display: inline-block;}

.prot .active,.prot li:hover{background: #d8180f;}

.prot .active a,.prot li:hover a{color: #fff;}

.pro .tab-content {height: 720px;overflow: hidden;}

.pro .tab-content ul{margin:20px 0;}

.pro .tab-content ul li{width: 270px;height: 335px;border: 1px solid #ededed;margin-bottom:25px;float:left;margin-left:20px;}

.pro .tab-content .pimg{width: 268px;height:288px;line-height:288px;text-align:center;overflow: hidden; }

.pro .tab-content .pimg img{max-width: 100%;width: auto;max-height: 100%;height: auto;}

.pro .tab-content p{background: #ededed;height: 45px;line-height: 45px;text-align: center;}

.pro .tab-content a{color: #666;}

.pro ul li:active p,.pro ul li:hover p{background: #b71f18;}

.pro ul li:active a,.pro ul li:hover a{color: #fff;}

.pro ul li:active,.pro ul li:hover {border: 1px solid #d8180f;}



.dropdown:hover .dropdown-menu {

	display: block;

	margin-top: 0; // remove the gap so it doesn't close

	}



.about{padding: 70px 0 60px 0;background: url(../images/aboutbg.jpg) top center repeat-x;height:600px;}

.about .w20{float:left;height: 115px;width: 20%;text-align: center;border-right: 1px solid rgba(255,255,255,0.3);}

.about div:last-child{border-right: none;}

.about abbr{display: inline-block;color: #fff;font-size: 14px;}

.about span{display:  inline-block;color: #fff;font-size:48px;font-weight: bold;}

.about p{text-align: center;color: #fff;line-height: 30px;font-size: 14px}

.about .aboutcontent{box-shadow:-2px 0px 12px #7e7e7f;padding: 30px;background: #fff;height: 305px;margin-top: 180px;margin-bottom:30px;border: 1px solid #ededed;width: 99.9%;}

.about .aboutcontent .txt{width: 745px;}

.about .aboutcontent p{color:#333;margin:15px 0;text-align: left;}

.about .aboutcontent h3{font-size: 24px;color: #333;font-weight: bold;}

.about .aboutcontent h4{font-size: 24px;height:30px;line-height:30px;font-weight:bold;color: #d8180f;padding-left:35px;background: url(../images/tel1.png) left no-repeat; }



.youshi{padding:70px 0 ;background: #f5f5f5;}

.youshicol{width:300px;height:600px;float:left;}

.youshicol .txt{height: 300px;padding: 48px 65px;background: #fff;}

.youshicol i{display: block;width: 70px;height: 56px;background: url(../images/ico1.png) no-repeat;margin:0 auto;}

.youshicol h3{font-size: 24px;color: #333;margin:20px auto;}

.youshicol p{text-align: center;color: #666;font-size: 16px;line-height: 25px;}

.youshicol:nth-child(4) .txt i{background-position:0 0; }

.youshicol:nth-child(3) .txt i{background-position:-182px 0; }

.youshicol:nth-child(5) .txt i{background-position:-263px 0; }

.youshicol:nth-child(6) .txt i{background-position:-90px 0; }



.youshicol:hover .txt i{display: block;width: 70px;height: 56px;background: url(../images/ico1-2.png) no-repeat;margin:0 auto;}

.youshicol:hover .txt{background: #d50b02}

.youshicol:hover .txt h3,.youshicol:hover .txt p{color: #fff;}

.youshicol:nth-child(4) .txt i{background: url(../images/ico1.png) no-repeat;background-position:0 0; }

.youshicol:nth-child(4):hover .txt i{background-position:0 0; }

.youshicol:nth-child(3):hover .txt i{background-position:-182px 0; }

.youshicol:nth-child(5):hover .txt i{background-position:-263px 0; }

.youshicol:nth-child(6):hover .txt i{background-position:-90px 0; }

.youshicol:nth-child(4):hover .txt i{background: url(../images/ico1-2.png) no-repeat;background-position:0 0; }

.news{padding:70px 0 30px 0;}

.news ul{display: flex;display: -webkit-flex; justify-content: space-between;-webkit-justify-content:space-between;flex-wrap:wrap;-webkit-flex-wrap:wrap;}

.news ul li{width:378px;height:380px;}

.news .pimg{width:378px;height: 220px;text-align: center;display:flex;overflow: hidden; justify-content: center;-webkit-justify-content:center; align-items: center;}

.news .pimg img{max-width:100%;width:auto;}

.news .txt{height:95px;margin-top:15px;}

.news .txt a{color:#404040}

.news .txt p{color: #999;font-size:14px;line-height: 25px;}

.news .txt span{display: block;font-size:14px;color: #999;}

.news .more{width:130px;height: 40px;line-height: 40px;text-align: center;border-radius: 20px;border: 1px solid #ccc;margin:0 auto;}

.newsleft{width:590px;height: 600px;overflow: hidden;}

.newsleft dl{margin:10px 0;min-height: 50px;border: 1px solid #dedede;}

.newsleft dl dt{font-size: 16px;padding:6px 15px;}

.newsleft dl dt a{color:#2f2f2f;}

.newsleft dl dt::before{content:"+";font-weight: bold;font-size:25px;margin-right:10px;}

.newsleft dl:hover dt::before{content:"-";} 

.newsleft dl dd{display: none;line-height: 25px;color: #666;padding:0 40px;padding-bottom: 10px}

.newsleft dl:hover dd{display: block;}

.newsleft dl:nth-child(2) dd{display: block}

.newsleft dl:nth-child(2) dt::before{content:"-";}

.newsright{width: 590px;height: 600px;}

.newsright h3{height: 60px;line-height: 60px;color: #d8180f;font-size: 16px;font-weight: bold;}

.newsright .more{height: 60px; line-height: 60px;;}

.newsright .more a{color: #555;}

.newsright ul{padding:20px 0;border-top: 1px solid #dedede;}

.newsright ul li{height:100px;line-height: 50px;clear: both}

.newsright ul li p{color: #333;font-size: 16px;line-height: 30px;}

.newsright ul li abbr{color: #666;display: block;margin-top: 15px;font-size: 14px;text-align: left;margin-bottom: 0;line-height: 25px;}

.newsright .txt{width: 470px;}

.newsright dl{width:100px;height: 100%;border: 1px solid #dedede;text-align: center}

.newsright dl dt{font-size: 30px;font-weight: bold;color: #333;height: 50px;line-height: 50px;border-bottom: 1px solid #dedede;}

.newsright dl dd{font-size: 18px;height: 50px;line-height: 50px;}



/*底部*/

.foot{height:420px;background: #333}

.footmenu{height: 336px;line-height: 95px;}

.footmenu ul{display: flex;display: -webkit-flex; justify-content: space-between;-webkit-justify-content:space-between;}

.footmenu ul li{width:11%;text-align: left;}

.footmenu ul li a{color: #e5e5e5;}

.footmenu ul li:last-child::after{content: "";}

.footmenu dl{width: 230px;float: left;border-right: 1px solid #515151;height: 235px;line-height: 235px;margin-bottom: 0;}

.footmenu dl:nth-child(2){width: 680px;padding-left: 5%;padding-top:50px;margin: 0;}

.footmenu h2{font-size: 26px;font-weight: bold;margin-top: 15px;color: #e5e5e5;}

.footmenu dl dd{line-height: 35px;color: #e5e5e5;}

.footmenu dl a{color: #e5e5e5;}

.footmenu .ewm{text-align: right;border: none;}

.bottom{height: 60px;line-height:60px;text-align: center;color: #7f9cbe;border-top: 1px solid #515151;}

.bottom a{color: #e5e5e5;}



/*产品列表*/

.prolist{margin: 40px auto;}
.prolist1{width:1200px !important;}

.prolist-l{width:245px;}

.prolist-l dl{width: 100%;}

.prolist-l dl dt{height: 75px;line-height: 75px;background:#d8180f;padding-left: 25px;color: #fff;font-weight: bold;font-size:20px;margin-bottom: 2px;}

.prolist-l dl dd::after{content:"+";display: inline-block;float: right;margin-right: 15px;color: #fff;font-size: 16px;}

.prolist-l dl dd{line-height: 54px;padding-left: 25px;font-size: 14px;background: #ececeb;margin-top:1px;}

.prolist-l dl dd a{color: #666;}

.prolist-l dl dd:hover,.prolist-l .active{background: #d8180f;}

.prolist-l dl dd:hover a,.prolist-l .active a{color: #fff;}

.prolist-l dl dd:hover::after,.prolist-l .active::after{content:"-"}







.prolist-r h1,.prolist-r h4{height: 70px;line-height: 70px;font-size: 20px;font-weight: bold;border-bottom: 2px solid #d8180f;min-width: 110px;float:left;}

.prolist-r .tt span{font-size: 14px;color: #666;float: right;line-height: 70px;}

.prolist-r .tt a{color: #666;}

.prolist-r .tt{height: 70px;border-bottom: 1px solid #d3d3d3;}

.prolist-r ul{margin: 50px 0;display: flex;display: -webkit-flex; justify-content: space-between;-webkit-justify-content:space-between;flex-wrap: wrap;-webkit-flex-wrap:wrap;}

.prolist-r ul::after{content:"";float:left;width:280px;}

.prolist-r ul li{height: 335px;width:280px;margin-bottom: 20px;border:1px solid #dedede;}

.prolist-r .pimg{width: 278px;height: 278px;line-height: 238px;text-align: center;padding:20px;overflow: hidden;}

.prolist-r .pimg img{max-width: 100%;width: auto;max-height: 100%;height: auto;}

.prolist-r .pimg1{width: 307px;height: 190px;line-height: 190px;text-align: center;margin-top:-30px;overflow: hidden;}

.prolist-r .pimg1 img{max-width: 100%;width: auto;max-height: 100%;height: auto;}

.prolist-r  p{font-size: 14px;color: #666;line-height: 55px;height:55px;text-align: center;background: #ededed;}

.prolist-r ul li:hover{border: 1px solid #d8180f;}

.prolist-r ul li:hover p{background: #d8180f;}

.prolist-r ul li:hover a{color: #fff;}

.image-list li:hover p{color:#fff}
.prolist h4{height: 70px;line-height: 70px;font-size: 20px;font-weight: bold;border-bottom: 2px solid #d8180f;min-width: 110px;float:left;}
.prolist .tt span{font-size: 14px;color: #666;float: right;line-height: 70px;}

.prolist .tt a{color: #666;}

.prolist .tt{height: 70px;border-bottom: 1px solid #d3d3d3;}

/*产品详情*/

.pview{margin: 20px 0 30px 0;}

.pview h1{border-bottom: none;text-align: center;float:none;}

.pview .pimg{width:825px;min-height:105px;height:auto;text-align: center;margin: 0 auto;line-height:50px;}

.pview .pimg img{width: auto;max-width: 100%;}

.pview .pimg .swiper-container{height: auto;}

.pview .pimg p{font-size: 22px;}

.pview .txt{margin:10px 0;width: 100%;}

.pview .txt h3{font-size: 16px;font-weight: bold;border-bottom: 2px solid #d8180f;width: 120px;height: 40px;line-height: 40px;}

.pview .txt p{line-height: 25px;height: auto;text-align: left !important;background: #fff;}

.pview .txt img{width: auto;max-width: 100%;}

/*新闻列表*/

.newslist{width: 925px;}

.newslist h1,.newslist strong{height: 70px;line-height: 70px;font-size: 20px;font-weight: bold;border-bottom: 2px solid #d8180f;min-width: 110px;float:left;}

.newslist .tt span{font-size: 14px;color: #666;float: right;line-height: 70px;}

.newslist .tt a{color: #666;}

.newslist .tt{height: 70px;border-bottom: 1px solid #d3d3d3;}

.newslist ul{border-top: 2px solid #d1d1d1;padding:20px 0;}

.newslist ul li{margin:0 0 20px 0;}

.newslist .panel-default{width:120px;height: 120px;float: left;text-align: center;border:none;}
.newslist .panel-default img{width:100%;}

.newslist .panel-body{padding:5px 15px;}

.newslist .bd{float: right;width:85%; display: block}

.newslist .bd a{color:#333}

.newslist blockquote{border-left:0;}



/*联系我们*/

.contact{margin:70px auto;}

.contact h1{font-size:30px;color:#333;}

.contact ul{margin:52px 0;display: flex;display: -webkit-flex; justify-content: space-between;-webkit-justify-content:space-between;flex-wrap: wrap;-webkit-flex-wrap:wrap;}

.contact ul::after{content:"";width: 50%;float: left;display:block;}

.contact ul li{width:25%;padding:0 12px;border-right:1px solid #ccc;}

.contact ul li i{width:40px;height: 70px;display: inline-block;margin-right:10px;background: url(../images/ico2.png) no-repeat;float:left;}

.contact ul li:nth-child(1) i{background-position: 0 0;}

.contact ul li:nth-child(2) i{background-position: -66px 0;}

.contact ul li:nth-child(3) i{background-position: -141px 0;}

.contact ul li:nth-child(4){border-right: none;}

.contact ul li:nth-child(4) i{background-position: -208px 0;}

.contact ul li:nth-child(5) i{background: url(../images/shouji.png) no-repeat;}

.contact ul li:nth-child(6) i{background: url(../images/fax.png) no-repeat;}

.contact ul li p{color: #444; display: inline-block;float: right;width: 80%;}

.contact ul li span{color:#888;display: block;}

.book{background: #f7f7f7;padding: 60px 30px 80px 30px;}

.book h3{text-align: center;color: #333;font-size: 30px;}

.book input{width: 33%;height: 45px;line-height: 45px;padding: 0 20px;border:1px solid #ccc;margin:20px 0;}

.book textarea{border:1px solid #ccc;height: 300px;}

.book .submit{background: #d8180f;text-align: center;color: #fff;height: 45px;line-height:45px;outline: none;border:none;float:right;margin-top:20px;}



/*分页*/

.page { width:100%; float:left;padding:30px 0; font-size:14px; overflow:hidden; text-align:center; }

.page a { color:#333; background:#f1f1f1; margin:5px; padding:0 15px; line-height:40px; display: inline-table; }

.page a:hover { background:#d8180f; color:#fff; border-radius:0px;}

.page a:active {  background:#d8180f; color:#fff; border-radius:0px;}

.page a.page-num-current { background:#d8180f; color:#fff; display:inline-table; border-radius:0px; line-height:40px; padding:0 15px; margin:0 5px;}

.page span.current { background:#d8180f; color:#fff; display:inline-table; border-radius:0px; line-height:40px; padding:0 15px; margin:0 5px;}

.page span.no { background:#f1f1f1; color:#333; display:inline-table; border-radius:0px; line-height:40px; padding:0 15px; margin:0 5px;}

.page span.disabled { padding:0 9px 0 0px; }

.pview .txt table{border-collapse:collapse; }
.pview .txt table tr:nth-child(n) td{background: #dbe5f1 !important;border-color: #fff !important;border-width: 2px !important;}
.pview .txt table tr:nth-child(n) td:nth-child(1){background: #95b3d7 !important;}
.pview .txt table tr:nth-child(2n) td{background: #fff !important;}
.pview .txt table tr td p{background:none !important;color: #333 !important;font-size: 16px !important;line-height: 24px;}
.pview .txt table tr td span{color: #333 !important;background:none !important;font-size: 16px !important;line-height: 24px;display: inline-block;}
.btn-nav{display: none;}

@media screen and (max-width:1440px){

	.banner,.nbanner{height: auto}

}


@media screen and (max-width:1200px){

	.w100{width:1200px;}

	.banner{height: auto}

}